<?xml version="1.0" encoding="UTF-8"?>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>

<div>
    <h1>Správa uživatelů</h1>
    <h2>Přihlášení</h2>
    <form name="login" method="POST" action='login'>
        <fieldset>
            <legend>Přihlášení</legend>
            <p class="chyba"><c:out value="${chyba}" /></p>
            <p>Prosím, zadejte své přihlašovací údaje-</p>
            <p>Pokud nejste zatím registrováni, pokračujte níže.</p>
            <ul class="login">
                <input type="hidden" name="action" value="login"/><br/>
                <li class="login">
                    <input name="email" type="email" value="${fn:escapeXml(email)}"/><label>Zadejte email, jež jste užili k registraci</label>
                </li>
                <li class="login">
                    <input name="heslo" type="password"/><label>Zadejte heslo.</label>
                </li>
                <li class="login">
                    <input name="submitLog" type="submit" value="OK"/>
                </li>
            </ul>
        </fieldset>
    </form>
    <h2>Registrace</h2>
    <form action='registrace' name="registrace" method="POST">
        <fieldset>
            <legend>Registrace</legend>
            <p>Heslo bude projde hashovací funkcí s přidaním několika znaků a až poté uloženo do databáze. Nemějte strach, že by Vaše heslo bylo zcizeno špatným zabezpečením.</p>
            <p class="chyba" id="chybareg"><c:out value="${chybareg}" /></p>
            <ul class="registrace">
                <li class="registrace">
                    <input type="hidden" name="action" value="registrace"/><br/>
                    <input name="email" id="remail" class="validated" type="email" value="${fn:escapeXml(email)}"/>
                    <label>Zadejte email. Maximum je 64 znaků.</label>
                    <label id="chybaremail" class="chyba"><c:out value="${chybaremail}"/></label>
                </li>
                <li class="registrace">
                    <input name="heslo" id="rheslo" class="validated" type="password" value=""/>
                    <label>Zadejte heslo. Maximum je 64 znaků. Minimim je 8 znaků.</label>
                    <span id="chybarheslo" class="chyba"><c:out value="${chybarheslo}"/></span>
                </li>
                <li class="registrace">
                    <input name="potvrzeni" id="rpotvrzeni" class="validated" type="password" value=""/>
                    <label>Potrďte heslo.</label>
                    <span id="chybarpotvrzeni" class="chyba"><c:out value="${chybarpotvrzeni}"/></span>
                </li>
                <li class="registrace">
                    <img id="kaptchaIMG" src="kaptcha.jpg" alt="ochrana proti spamu"/>
                </li>
                <li class="registrace">
                    <input name="kaptcha" id="rkaptcha" type="text"  maxlength="255" value="${fn:escapeXml(sessionScope['kaptchaKey'])}"/><label>Opište kód z obrázku.</label>
                    <span id="chybarkaptcha" class="chyba"><c:out value="${chybarkaptcha}" /></span>
                </li>
                <li>
                    <input name="submitReg" type="submit" value="OK"/>
                </li>
            </ul>
        </fieldset>

    </form>
</div>

